@charset "utf-8";
/* openOli Beta | Turan Rustamli */

body {
  font: 12px Arial, Helvetica, sans-serif;
  /*background-color: black;*/
}

table a:visited {
 color: blue;
}

#hdtext {
 height: 20px;
 font: bold 11px Arial;
 margin: 10px 15px 2px 20px;
}

#hdt_l {
 float: left;
}


#hdt_r {
 float: right;
}

#header {
  width: 100%;
  height: 56px;
  background-image: url(../img/bg_head.jpg);
}

#logo {
 float:left;
}

#topmenu {
 padding-top: 12px;
 float: left;
}

a.foxbtn {
    background: transparent url(../img/tm_a.gif) no-repeat scroll bottom right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 15px arial, sans-serif;
    height: 25px;
    padding-right: 8px;
    text-decoration: none;
	margin: 4px;
}

a.foxbtn span {
    background:  url(../img/tm_a_span.gif) bottom no-repeat;
    display: block;
    line-height: 19px;
    padding: 3px 0 3px 8px;
}

a.foxbtn:hover {
    background: transparent url(../img/tm_a.gif) no-repeat scroll top right;
	color: black;
}

a.foxbtn:hover span {
    background: transparent url(../img/tm_a_span.gif) no-repeat;
}

a.foxbtn_x {
    background: transparent url(../img/tm_a.gif) no-repeat scroll top right;
    color: black;
    display: block;
    float: left;
    font: bold 15px arial, sans-serif;
    height: 25px;
    padding-right: 8px; 
    text-decoration: none;
	margin: 4px; 
}

a.foxbtn_x span {
    background: transparent url(../img/tm_a_span.gif) top left no-repeat;
    display: block;
    line-height: 19px;
    padding: 3px 0 3px 8px;
}

a.foxbtn:active, a.foxbtn:focus, a.foxbtn_x:active, a.foxbtn_x:focus  {
  outline: none;
}

#toolbox {
 float: right;
 padding: 7px;
 }

#userbox {
 text-align: right;
 margin-right: 4px;
 color: white;
}

#timebox {
 width: 160px;
 height: 45px !important;
 margin: 5px;
 font-size: 25px;
 color: white;
}

#content {
   margin: 20px 66px;
}

td {
 vertical-align:top;
}

#sidebar {
 width: 350px !important;
 padding-left: 40px;
}

#paper {
}

.p_title {
 font-size: 24px;
 margin-bottom: 10px;
}

.p_title2 {
 font-size: 21px;
 font-weight: bold;
 margin: 3px -9px;
}

.p_section {
 font-size: 28px;
 font-weight: bold;
}

.p_text {
 margin: 2px;
 margin-bottom: 8px;
}

.top5 {
  list-style: disc;
  list-style-position: inside;
  padding-left: 10px;
}

.top5 li {
  margin:2px 0;
}

.top5 li span {
 color: #0043B7;
}

#bottom {
  width: 100%; 
  height: 22px;
  background-image: url(../img/bg_b.jpg);
  padding-top: 7px;
  color: white;
}

#b_left {
 margin-left: 8px;
}

/* User information styles */

.pInfo {
 height: 110px;
 padding: 4px;
 cursor: pointer;
 border: 1px solid white;
}

#pInfoOn {
 background-color: #F2F2F2;
 border: 1px solid #D2D2DA;
}

.pInfo .fullname {
 font-size: 20px;
 margin-bottom: 12px;
}

.pInfo .university {
 font-size: 16px;
}

.photo {
 background-color: #F0F0F0; 
 border:  2px solid lightgrey;
 padding: 1px;
 float: left;
 margin-right: 20px;
}

/* End of User information styles */

#question {
  width: 100%;
  height: 100px;
  border: 1px solid #ADADAD;
  padding: 3px;
  font-size: 18px;
  font-weight: bold;
}

#ok_quest {
 margin-top: 3px;
 margin-right: -10px;
 float: right;
}

li a:link, li a:visited {
    text-decoration: none;
}
li a:hover {
    text-decoration: underline;
}